import "./tuijian.scss";
import { Link } from 'react-router-dom';
import abc1 from '../../../img/gift.png'
import abc2 from '../../../img/two-member.png'
import abc3 from '../../../img/new_shopCart1.png'
const Tuijian = (props) => <ul className='tuijian'>
    {
        props.tuijianList.map((item, index) => <li key={index}>
            {
                item.map(i => <div className='item' key={i.ptKey}>
                    <Link to={"/item/" + i.ptKey}>
                        <img src={i.listImages} alt={i.name} />
                        <div className="tuijian_text">
                            <img src={abc1} alt={2} className="tuijiantu1" />
                            <span>{i.name}</span>
                            <span>{i.displayName}</span>
                            <div className="tuijian_neirong">
                                <div>
                                    <span>￥{i.retailPrice}</span>
                                    <span>
                                        ￥{i.supplyPrice}
                                        <img src={abc2} alt={2} />
                                    </span>
                                    <img src={abc3} alt={2} className="tuijiantu2"/>
                                </div>
                            </div>
                        </div>
                    </Link>
                </div>)
            }
        </li>)
    }
</ul>

export default Tuijian;